<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns="">
<meta charset="UTF-8">

<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

<link rel="stylesheet" th:href="@{/static/layui/css/layui.css}" media="all">

<script type="text/javascript" th:src="@{/static/layui/layui.js}" media="all"></script>
<script type="text/javascript" th:src="@{/static/layui/js/jquery-3.3.1.min.js}" media="all"></script>


<style type="text/css">

</style>


<body>


<header th:fragment="header">

    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">
                <p>MongoDB副本集验证</p>
            </div>

            <!-- 头部区域（可配合layui 已有的水平导航） 显示在左边-->
            <ul class="layui-nav layui-layout-left">
                <!-- 移动端显示 -->
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                    <i class="layui-icon layui-icon-spread-left"></i>
                </li>
            </ul>

            <!-- 显示在右边 -->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="https://564762034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGP1hmjbQxtuPtZp3IX%2Fuploads%2Fgit-blob-21f15d8ea30776f761e27910725d744d0e8f0048%2Ffan-yi-wen-dang-tu-pian-.png?alt=media" class="layui-nav-img">
                        mongo
                    </a>

                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">

            <div class="layui-side-scroll "  >
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree " lay-filter="test">

                    <li class="layui-nav-item layui-nav-itemed">
                        <!-- 展开作用不加超链接-->
                        <a class="" href="javascript:;">MongoDB副本集系统管理</a>

                        <dl class="layui-nav-child">
                            <dd><a href="/index">数据的冗余</a></dd>
                            <dd><a href="/failover">自动故障转移</a></dd>
                            <dd><a href="/write">写入测试</a></dd>
                            <dd><a href="/read">读取测试</a></dd>
                        </dl>

                    </li>

                </ul>
            </div>
        </div>
    </div>
</header>>


</body>

</html>